{extend name='main'}

{block name='content'}

<style>

    .store-total-container {
        font-size: 14px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .store-total-container .store-total-icon {
        top: 45%;
        right: 8%;
        font-size: 65px;
        position: absolute;
        color: rgba(255, 255, 255, 0.4);
    }

    .store-total-container .store-total-item {
        color: #fff;
        line-height: 4em;
        padding: 15px 25px;
        position: relative;
    }

    .store-total-container .store-total-item > div:nth-child(2) {
        font-size: 46px;
        line-height: 46px;
    }
    .store-total-container .store-total-item {
        color: #fff;
        line-height: 1em;
        padding: 15px 25px;
        position: relative;
    }
    
    .explanation {
        color: #2CBCA3;
        background-color: #EDFBF8;
        display: block;
        width: 99%;
        height: 100%;
        padding: 6px 9px;
        border-radius: 5px;
        position: relative;
        overflow: hidden;
    }

</style>
<div class="think-box-shadow">



<div class="think-box-shadow store-total-container notselect">
    <div class="margin-bottom-15">财务统计</div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm4 layui-col-md2">
            <div class="store-total-item nowrap" style="background:linear-gradient(-125deg,#57bdbf,#2f9de2)">
                <div>充值总额</div>
                <div>{$result.total_money}</div>
                <div></div>
            </div>
            <i class="store-total-icon layui-icon layui-icon-template-1"></i>
        </div>
        <div class="layui-col-sm4 layui-col-md2">
            <div class="store-total-item nowrap" style="background:linear-gradient(-113deg,#c543d8,#925cc3)">
                <div>充值笔数</div>
                <div>{$result.total_pay_num}</div>
                <div></div>
            </div>
            <i class="store-total-icon layui-icon layui-icon-read"></i>
        </div>
    </div>
</div>

 

<!-- 表单搜索 结束 -->   
    <form onsubmit="return false;" data-auto="" method="POST" data-listen="true" novalidate="novalidate">
    <div class="nowrap" style="margin-bottom: 10px;">
        <span style="font-size: 1.3em;">日结算报表</span>
        <div class="nowrap pull-right">
            <!--<button class='layui-btn layui-btn-small layui-btn-normal exportBtn' data-type="1">导出数据</button>-->
        </div>
    </div>
    <table class="layui-table" lay-even="">
        <thead>
        <tr class="layui-bg-green">
            <th>统计时间</th>
            <th>充值总额</th>
            <th>充值笔数</th>
            <th>代理商</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody>
        {foreach $list as $key=>$vo}
        <tr>
            <td>{$vo.add_time}</td>
            <td>{$vo.total_money}</td>
            <td>{$vo.total_pay_num}</td>
            <td>{$vo.username}</td>
            <td>
                <button type="button" data-open="{:url('detail')}?id={$vo.id}" class="layui-btn layui-btn-small">查看列表详细</button>
            </td>
        </tr>
         {/foreach}      
     </tbody>
    </table>
    {empty name='list'}<span class="notdata">没有记录哦</span>{else}{$pagehtml|raw|default=''}{/empty}
    </form>

    </div>


    
  </div>
</div>





    </div>

<script>
  window.form.render();
  layui.use('laydate', function(){
    var laydate = layui.laydate;
    //常规用法
    laydate.render({
      elem: '#start'
    });
    laydate.render({
      elem: '#end'
    });
    
  });

  /*require(['ckeditor', 'angular'], function () {
     window.createEditor('[name="content"]', {height: 200});
     window.createEditor('[name="requirement"]', {height: 200});
     window.createEditor('[name="work_welfare"]', {height: 200});
   });*/
</script>
{/block}
